@*
* This template is called from the `index` template. This template
* handles the rendering of the page header and body tags. It takes
* two arguments, a `String` for the title of the page and an `Html`
* object to insert into the body of the page.
*@
@(title: String)(content: Html)

<!DOCTYPE html>
<html lang="en">
    <head>
        @* Here's where we render the page title `String`. *@
    <title>@title</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">
    <script src="/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js"></script>

    <style type="text/css">
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.428571429;
        color: #333333;
        background-color: rgba(224, 17, 18, 0.32);
    }

    /*.img-responsive {
        display: inline-block;
        height: auto;
        max-width: 100%;
    }*/
    </style>
    </head>
    <body>
        <div class="container">
            <h1>Hello, world!</h1>
            <h2>响应式图片</h2>
            <div class="row">
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>
                <div class="col-md-4">
                    <div style="width: 100px;height: auto">
                        <img src="/images/czhdzb.jpg" class="img-responsive" alt="响应式图片">
                    </div>
                </div>

            </div>

        </div>

    </body>
</html>
